<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/admin/v3/css/plugins/zTree/metroStyle/metroStyle.css?v={v}(path=${staticPath},v=${v})}"/>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}(path=${staticPath},v=${v})}"/>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInLeft">
    <div data-th-replace="common/functionDepict"></div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title clearfix">
                    <h5>帮助中心结构<small class="m-l-sm" id="function-count"></small>
                        <br/><br/>
                        <small class="fs12 c-red"><i class="fa fa-lightbulb-o"></i> <span th:text="${functionDepict}"></span></small>
                    </h5>
                    <div class="ibox-tools">
                        <div class="checkbox i-checks">
                            <div class="col-sm-5">
                                <div style="display: table;" class="input-group input-box opSearchBox">
                                    <input id="search-help" type="text" class="input-sm form-control vam" placeholder="请输入帮助文档名"/>
                                </div>
                            </div>
                            <label><input type="checkbox" value="" id="all-function"/> <i></i> 全选</label>
                            <button type="button" id="insertHelp" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="新增帮助文档"><i class="fa fa-plus-circle"></i></button>
                            <button type="button" id="hiddenHelp"  class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量隐藏"><i class="fa fa-ban"></i></button>
                            <button type="button" id="showHelp" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量显示"><i class="fa fa-history"></i></button>
                            <button type="button" id="deleteHelp" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量删除"><i class="fa fa-trash"></i></button>
                        </div>
                    </div>
                </div>
                <div class="ibox-content-tree" style="background-color: #fff;">
                    <div id="helpCenter" class="ztree" style="background-color: #fff">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <div data-th-replace="layout/head-footer"></div>
    <script type="text/javascript" th:src="@{{path}/admin/libs/plugins/zTree/jquery.ztree.all.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/summernote/summernote.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/manage/help/help_center.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>